import React, { Component }from 'react'
import Footer from '../../components/footer'
import './userSet.scss'
import { Button } from 'antd-mobile'
import { NavLink } from 'react-router-dom'

class Com extends Component {
    render () {
        return (
            <div className="container">
                <div className="box">
                    <div className="userSet_content">
                        <header>
                            <NavLink to= "/users">
                                <img src="/images/user/personalSet/jiantou.png" alt=""/>
                            </NavLink>
                            <p>设置</p>
                        </header>
                        <div className="list">
                            
                            {/* 个人资料设置 */}
                            <NavLink to= "/users/set/personalData">
                                <div>
                                    <img src="/images/user/personalSet/people.png" alt=""/>
                                    <p>个人资料</p>
                                    <span>
                                        <img src="/images/user/personalSet/right.png" alt=""/>
                                    </span>
                                </div>
                            </NavLink>

                            {/* 修改密码 */}
                            <NavLink to= "/users/set/changePswd">
                            <div>
                                <img src="/images/user/personalSet/xiugaimima.png" alt=""/>
                                <p>修改密码</p>
                                <span>
                                    <img src="/images/user/personalSet/right.png" alt=""/>
                                </span>
                            </div>
                            </NavLink>
                            <NavLink to= "/users/set/newsSet">
                            <div>
                                <img src="/images/user/personalSet/xiaoxishezhi.png" alt=""/>
                                <p>消息设置</p>
                                <span>
                                    <img src="/images/user/personalSet/right.png" alt=""/>
                                </span>
                            </div>
                            </NavLink>
                            <NavLink to= "/users/set/changeSkin">
                            <div>
                                <img src="/images/user/personalSet/gexinhuanfu.png" alt=""/>
                                <p>个性换肤</p>
                                <span>
                                    <img src="/images/user/personalSet/right.png" alt=""/>
                                </span>
                            </div>
                            </NavLink>
                            <NavLink to= "/users/set/myCard">
                            <div>
                                <img src="/images/user/personalSet/hezuo.png" alt=""/>
                                <p>我的合作卡</p>
                                <span>
                                    <img src="/images/user/personalSet/right.png" alt=""/>
                                </span>
                            </div>
                            </NavLink>
                            <NavLink to= "/users/set/myMagazine">
                            <div>
                                <img src="/images/user/personalSet/dianzizazhi.png" alt=""/>
                                <p>我的电子杂志</p>
                                <span>
                                    <img src="/images/user/personalSet/right.png" alt=""/>
                                </span>
                            </div>
                            </NavLink>
                            <NavLink to= "/users/PersonalData">
                            <div>
                                <img src="/images/user/personalSet/zhizhao.png" alt=""/>
                                <p>营业执照</p>
                                <span>
                                    <img src="/images/user/personalSet/right.png" alt=""/>
                                </span>
                            </div>
                            </NavLink>
                            <NavLink to= "/users/set/feedBack">
                            <div>
                                <img src="/images/user/personalSet/yijianfankui.png" alt=""/>
                                <p>意见反馈</p>
                                <span>
                                    <img src="/images/user/personalSet/right.png" alt=""/>
                                </span>
                            </div>
                            </NavLink>
                            <NavLink to= "/users/set/cancellation">
                            <div>
                                <img src="/images/user/personalSet/zhuxiaozhanghu.png" alt=""/>
                                <p>注销账户</p>
                                <span>
                                    <img src="/images/user/personalSet/right.png" alt=""/>
                                </span>
                            </div>
                            </NavLink>
                            <NavLink to= "/users/PersonalData">
                            <div>
                                <img src="/images/user/personalSet/qingkong.png" alt=""/>
                                <p>清空缓存</p>
                                <span>
                                    <img src="/images/user/personalSet/right.png" alt=""/>
                                </span>
                            </div>
                            </NavLink>
                            <NavLink to= "/users/PersonalData">
                            <div>
                                <img src="/images/user/personalSet/care.png" alt=""/>
                                <p>关于</p>
                                <span>
                                    <img src="/images/user/personalSet/right.png" alt=""/>
                                </span>
                            </div>
                            </NavLink>
                            
                        </div>

                        <Button style= {{backgroundColor:"#3cd578", width:"3.49rem" ,height:".415rem", fontSize:"16px", color:"#fff", margin:"0 auto", marginTop:" .39rem" }} >退出登录</Button>
                    </div>
                </div>
                <Footer />
            </div>
        )
    }
}

export default Com